<template>
	<view class="TouristSource" :style="{'height':show?'100vh':''}">
		<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/Group 11860@2x.png" class="TouristSourceback"
			mode="widthFix"></image>
		<view class="headertop" :style="{'background':back1}">
			<view class="topdaohang" :style="{'margin-top':statusBarHeight+'px','height':barHeight+'px'}">
				<span>{{typestr=='发起合作'&&show1?'':'企址易'}}</span>
			</view>
		</view>
		<view :style="{'margin-top':statusBarHeight+'px','height':barHeight+'px'}"></view>
		<view class="wztitle">
			<view class="t1">
				精准记录，提升成交率
			</view>
			<view class="t2">
				随时掌握客户动态，成交快人一步！
			</view>
		</view>
		<view class="bottomcontent" :style="{'height':show?'100vh':''}">

			<image
				:src="query.type==1?'https://jingwei.xunfuzhifuzaixian.com/static/images/Group 11861@2x.png':query.type==2?'https://jingwei.xunfuzhifuzaixian.com/static/images/Group 11863@2x.png':'https://jingwei.xunfuzhifuzaixian.com/static/images/Group 11871@2x.png'"
				class="bcback" mode="widthFix"></image>
			<view class="tabqiehuan">
				<view class="boderactive1" v-if="query.type==3">

				</view>
				<view class="boderactive" v-if="query.type==1">

				</view>
				<view :class="query.type==1?'itemtab activeColor':'itemtab'" @click="open1(1)">
					<span>私客池</span>
					<view class="activebox" v-if="query.type==1">

					</view>
				</view>

				<view :class="query.type==2?'itemtab activeColor':'itemtab'" @click="open1(2)">
					<span>合作池</span>
					<view class="activebox" v-if="query.type==2">

					</view>
				</view>
				<view :class="query.type==3?'itemtab activeColor':'itemtab'" @click="open1(3)">
					<span>无效池</span>
					<view class="activebox" v-if="query.type==3">

					</view>
				</view>
			</view>
			<view class="popuback" v-if="show" @click="show=false">

			</view>
			<view
				:style="{'width': '100%','background': '#F2F3F5','overflow': 'hidden','position': 'relative','z-index':(show1||ll)?'0':'99999'}">
				<view class="centerbox">
					<view class="ssboxline" v-if="query.type==1">
						<view class="seachbox">
							<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/Frame@2x(14).png"
								class="seachicon" mode=""></image>
							<input v-model="query.keywords" @confirm="initlist('搜索')" type="search"
								placeholder="意向项目/联系人/客户名称/电话" style="width:360rpx" :disabled="!userobj.level" />
							<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/删除(1).png"
								v-if="query.keywords" @click="qk" class="iconrem" mode="">
							</image>
						</view>
						<view class="addkehu" @click="gopage('添加客户')">
							<image src="/static/images/微212信图片_20250816163322.png" class="addkehuback" mode="">
							</image>
							<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/Frame@2x(15).png"
								class="khicon" mode=""></image>
							<span>添加客户</span>
						</view>
					</view>

					<view class="ssboxline" v-if="query.type==2">
						<view class="seachbox" style="width: 100%;">
							<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/Frame@2x(14).png"
								class="seachicon" mode=""></image>
							<input v-model="query.keywords" @confirm="initlist('搜索')" placeholder="意向项目/联系人/客户名称/电话" />
							<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/删除(1).png"
								v-if="query.keywords" @click="qk" class="iconrem" mode="">
							</image>
						</view>
					</view>

					<view class="linedisplay">
						<view class="box1" @click="popuopen1('跟进状态')"
							:style="{'width':query.type==2?'162rpx':'212rpx'}">
							<span :style="{'margin-left': '18rpx','color':query['status']?'#13A2E6':''}">跟进状态</span>
							<image
								:src="show&&typestr=='跟进状态'?'/static/images/Polygon 2@2x.png':'https://jingwei.xunfuzhifuzaixian.com/static/images/微信图片_20250804100846.png'"
								mode=""></image>
						</view>
						<view class="box1" @click="popuopen1('需求产品')"
							:style="{'width': query.type==2?'162rpx':'212rpx'}">
							<span :style="{'margin-left': '18rpx','color':query['pid']?'#13A2E6':''}">需求产品</span>
							<image
								:src="show&&typestr=='需求产品'?'/static/images/Polygon 2@2x.png':'https://jingwei.xunfuzhifuzaixian.com/static/images/微信图片_20250804100846.png'"
								mode=""></image>
						</view>
						<view class="box1" @click="popuopen1('分配时间')" style="width: 162rpx;" v-if="query.type==2">
							<span style="margin-left: 18rpx;"
								:style="{'color':query['fpstart']?'#13A2E6':''}">分配时间</span>
							<image
								:src="show&&typestr=='分配时间'?'/static/images/Polygon 2@2x.png':'https://jingwei.xunfuzhifuzaixian.com/static/images/微信图片_20250804100846.png'"
								mode=""></image>
						</view>
						<view class="box1" @click="popuopen1('跟进时间')"
							:style="{'width': query.type==2?'162rpx':'212rpx'}">
							<span style="margin-left: 18rpx;"
								:style="{'color':query['starttime']?'#13A2E6':''}">跟进时间</span>
							<image
								:src="show&&typestr=='跟进时间'?'/static/images/Polygon 2@2x.png':'https://jingwei.xunfuzhifuzaixian.com/static/images/微信图片_20250804100846.png'"
								mode=""></image>
						</view>
					</view>
				</view>
			</view>
			<view class="xuanqunriong" v-if="show&&typestr=='跟进时间'">
				<view class="centerxq">
					<view class="linn">
						<view :class="timetype==0?'linitem activeColor':'linitem'" @click="qiehuannum(0)">
							全部
						</view>
						<view :class="timetype==1?'linitem activeColor':'linitem'" @click="qiehuannum(1)">
							今年
						</view>
						<view :class="timetype==2?'linitem activeColor':'linitem'" @click="qiehuannum(2)">
							月
						</view>
						<view :class="timetype==3?'linitem activeColor':'linitem'" @click="qiehuannum(3)">
							周
						</view>
					</view>
					<view class="tt" v-if="timetype==0">
						自定义区间：
					</view>
					<view class="shijiantt">
						<view :class="qufennum==0?'shijianbox activenum':'shijianbox'" @click="qufennum=0">
							<span style="margin-left: 18rpx;">{{genjinstarttime||'--'}}</span>
							<image style="margin-left: 24rpx;"
								src="https://jingwei.xunfuzhifuzaixian.com/static/images/ww微信图片_20250808181627.png"
								mode="">
							</image>
						</view>
						<view class="jiangex"></view>
						<view :class="qufennum==1?'shijianbox activenum':'shijianbox'" @click="qufennum=1">
							<span style="margin-left: 18rpx;">{{genjinendtime||'--'}}</span>
							<image style="margin-left: 24rpx;"
								src="https://jingwei.xunfuzhifuzaixian.com/static/images/ww微信图片_20250808181627.png"
								mode="">
							</image>
						</view>
					</view>
					<picker-view immediate-change="true" :indicator-style="indicatorStyle" @change="bindChange1"
						class="picker-view" :value="valuedate" v-if="timetype==0&&qufennum==0">
						<picker-view-column>
							<view class="item" v-for="(item,index) in years1" :key="index">{{item}}年</view>
						</picker-view-column>
						<picker-view-column>
							<view class="item" v-for="(item,index) in months1" :key="index">{{item}}月</view>
						</picker-view-column>
						<picker-view-column>
							<view class="item" v-for="(item,index) in days1" :key="index">{{item}}日</view>
						</picker-view-column>
					</picker-view>
					<picker-view immediate-change="true" :indicator-style="indicatorStyle" @change="bindChange1"
						class="picker-view" :value="valuedate" v-if="timetype==0&&qufennum==1">
						<picker-view-column>
							<view class="item" v-for="(item,index) in years1" :key="index">{{item}}年</view>
						</picker-view-column>
						<picker-view-column>
							<view class="item" v-for="(item,index) in months1" :key="index">{{item}}月</view>
						</picker-view-column>
						<picker-view-column>
							<view class="item" v-for="(item,index) in days1" :key="index">{{item}}日</view>
						</picker-view-column>
					</picker-view>

				</view>
				<view class="btnss">
					<view class="btnb" @click="cz(typestr)">
						重置
					</view>
					<view class="btnbb" @click="queding(typestr)">
						确定
					</view>
				</view>
			</view>

			<view class="xuanqunriong" v-if="show&&typestr=='分配时间'">
				<view class="centerxq">
					<view class="linn">
						<view :class="timetype1==0?'linitem activeColor':'linitem'" @click="qiehuannum1(0)">
							全部
						</view>
						<view :class="timetype1==1?'linitem activeColor':'linitem'" @click="qiehuannum1(1)">
							今年
						</view>
						<view :class="timetype1==2?'linitem activeColor':'linitem'" @click="qiehuannum1(2)">
							月
						</view>
						<view :class="timetype1==3?'linitem activeColor':'linitem'" @click="qiehuannum1(3)">
							周
						</view>
					</view>
					<view class="tt" v-if="timetype1==0">
						自定义区间：
					</view>
					<view class="shijiantt">
						<view :class="qufennum1==0?'shijianbox activenum':'shijianbox'" @click="qufennum1=0">
							<span style="margin-left: 18rpx;">{{fenpeistarttime||'--'}}</span>
							<image style="margin-left: 24rpx;"
								src="https://jingwei.xunfuzhifuzaixian.com/static/images/ww微信图片_20250808181627.png"
								mode="">
							</image>
						</view>
						<view class="jiangex"></view>
						<view :class="qufennum1==1?'shijianbox activenum':'shijianbox'" @click="qufennum1=1">
							<span style="margin-left: 18rpx;">{{fenpeiendtime||'--'}}</span>
							<image style="margin-left: 24rpx;"
								src="https://jingwei.xunfuzhifuzaixian.com/static/images/ww微信图片_20250808181627.png"
								mode="">
							</image>
						</view>
					</view>
					<picker-view immediate-change="true" :indicator-style="indicatorStyle" @change="bindChange1"
						class="picker-view" :value="valuedate" v-if="timetype==0&&qufennum==0">
						<picker-view-column>
							<view class="item" v-for="(item,index) in years1" :key="index">{{item}}年</view>
						</picker-view-column>
						<picker-view-column>
							<view class="item" v-for="(item,index) in months1" :key="index">{{item}}月</view>
						</picker-view-column>
						<picker-view-column>
							<view class="item" v-for="(item,index) in days1" :key="index">{{item}}日</view>
						</picker-view-column>
					</picker-view>
					<picker-view immediate-change="true" :indicator-style="indicatorStyle" @change="bindChange1"
						class="picker-view" :value="valuedate" v-if="timetype==0&&qufennum==1">
						<picker-view-column>
							<view class="item" v-for="(item,index) in years1" :key="index">{{item}}年</view>
						</picker-view-column>
						<picker-view-column>
							<view class="item" v-for="(item,index) in months1" :key="index">{{item}}月</view>
						</picker-view-column>
						<picker-view-column>
							<view class="item" v-for="(item,index) in days1" :key="index">{{item}}日</view>
						</picker-view-column>
					</picker-view>

				</view>
				<view class="btnss">
					<view class="btnb" @click="cz(typestr)">
						重置
					</view>
					<view class="btnbb" @click="queding(typestr)">
						确定
					</view>
				</view>
			</view>

			<view class="xuanqunriong" v-if="show&&typestr=='跟进状态'">
				<view class="mokuais">
					<view :class="statusnum==''?'itemmk activeColor1':'itemmk'" @click="statusnum=''">
						全部
					</view>
					<view :class="statusnum==1?'itemmk activeColor1':'itemmk'" @click="statusnum=1">
						新客
					</view>
					<view :class="statusnum==2?'itemmk activeColor1':'itemmk'" @click="statusnum=2">
						常态跟进
					</view>
					<view :class="statusnum==3?'itemmk activeColor1':'itemmk'" @click="statusnum=3">
						签订意向协议
					</view>
					<view :class="statusnum==4?'itemmk activeColor1':'itemmk'" @click="statusnum=4">
						缴纳定金
					</view>
					<view :class="statusnum==5?'itemmk activeColor1':'itemmk'" @click="statusnum=5">
						签订合同
					</view>
					<view :class="statusnum==6?'itemmk activeColor1':'itemmk'" @click="statusnum=6">
						缴纳首付款
					</view>
					<view :class="statusnum==7?'itemmk activeColor1':'itemmk'" @click="statusnum=7">
						缴纳尾款
					</view>
					<view :class="statusnum==8?'itemmk activeColor1':'itemmk'" @click="statusnum=8">
						已成交
					</view>
					<view :class="statusnum==9?'itemmk activeColor1':'itemmk'" @click="statusnum=9">
						无效
					</view>
				</view>
				<view class="btnss">
					<view class="btnb" @click="cz('跟进状态')">
						重置
					</view>
					<view class="btnbb" @click="queding('跟进状态')">
						确定
					</view>
				</view>
			</view>
			<view class="xuanqunriong" v-if="show&&typestr=='需求产品'">
				<view class="mokuais">
					<view :class="chanpingactive==-1?'itemmk activeColor1':'itemmk'" @click="chanpingactive=-1">
						全部
					</view>
					<view :class="chanpingactive==index?'itemmk activeColor1':'itemmk'"
						v-for="(item,index) in chnapingarr" :key="index" @click="chanpingactive=index">
						{{item['title']}}
					</view>
				</view>
				<view class="btnss">
					<view class="btnb" @click="cz('需求产品')">
						重置
					</view>
					<view class="btnbb" @click="queding('需求产品')">
						确定
					</view>
				</view>
			</view>

			<view class="centerbox">
				<view class="contentList">
					<view class="tjgjbtn" @click="ljrz" v-if="userobj.level==0">
						立即认证
					</view>
					<view class="msgicon" v-if="!list.length&&userobj.level!=0">
						<image :src="_static('https://jingwei.xunfuzhifuzaixian.com/static/images/wxnone.png')"
							mode="widthFix">
						</image>
						<view class="msgtext">
							暂无内容
						</view>
					</view>
					<view class="itemboxx" @click="gopage(item.id)" v-if="query.type==1&&userobj.level!=0"
						v-for="item in list" :key="item.id">
						<view class="topline">
							<view class="leftbox">
								<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/微信图片_20250804134233.png"
									mode=""></image>
								<view class="yxtext">{{item.title}}</view>
							</view>
							<view class="rightxk">
								{{statustext(item['status'])}}
							</view>
						</view>
						<view class="centernr">
							<view class="ll">
								<view class="fc">
									{{item['product']}}
								</view>
								<view class="tt">
									{{item['company']}}
								</view>
							</view>
							<view class="ll1">
								<view class="tt">
									联系人：<span style="color: #4E5969;">{{item['username']}}</span>
								</view>
								<view class="tt" @click.stop="makeCall(item['telphone'])">
									<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/Frame@2x(20).png"
										class="phoneicon" mode=""></image>
									联系电话：<span style="color: #4E5969;">{{item['telphone']}}</span>
								</view>
							</view>
							<view class="ll2">
								下次跟进时间:<span style="color: #4E5969;">{{item['nexttime']}}</span>
							</view>
							<view class="ll2">
								创建时间:<span style="color: #4E5969;">{{formatDate(item['createtime']*1000)}}</span>
							</view>
							<view class="bottomdt" v-if="item.status!=8">
								<view class="btnss">
									<view class="sucessbtn"
										:style="{'background':item['chengjiao']==1?'#F2F3F5':'','color':item['chengjiao']==1?'#86909C':''}"
										@click.stop="popuopen('成交',item)" v-if="item['hezuo']!=1">
										{{item['chengjiao']==0?'成交':'成交待审核'}}
									</view>
									<view class="lvbtn"
										:style="{'background':item['hezuo']==1?'#F2F3F5':'','color':item['hezuo']==1?'#86909C':''}"
										@click.stop="popuopen('发起合作',item)" v-if="item['chengjiao']!=1">
										{{item['hezuo']==0?'发起合作':'合作待审核'}}
									</view>
									<view class="tjgj" @click.stop="popuopen('添加跟进',item)">
										<image
											src="https://jingwei.xunfuzhifuzaixian.com/static/images/Frame@2x(16).png"
											class="iconbtn" mode=""></image>
										添加跟进
									</view>
								</view>
							</view>
							<view style="height:32rpx" v-if="item.status==8">

							</view>
							<view class="jjyy" v-if="item.reason" @click.stop="popuopen('拒绝原因',item)">
								<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/Frame@2x(17).png"
									class="waricon" mode=""></image>
								<view class="jujuetext"><span
										style="color: #F53F3F;font-size: 24rpx;">{{reasontypetext(item.reasontype)}}拒绝原因：</span><span>{{item.reason}}</span>
								</view>
								<view class="lookall">
									<span>查看全部</span>
									<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/Frame@2x(3).png"
										class="arrowright" mode=""></image>
								</view>
							</view>
						</view>
					</view>
					<view class="itemboxx" v-if="query.type==2" v-for="item in list" @click="gopage(item.id)"
						:key="item.id">
						<view class="topline">
							<view class="leftbox">
								<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/微信图片_20250804134233.png"
									mode=""></image>
								<view class="yxtext">{{item.title}}</view>
							</view>
							<view class="rightxk">
								{{statustext(item['status'])}}
							</view>
						</view>
						<view class="centernr">
							<view class="ll">
								<view class="fc">
									{{item['product']}}
								</view>
								<view class="tt">
									{{item['company']}}
								</view>
							</view>
							<view class="ll1">
								<view class="tt">
									联系人：<span style="color: #4E5969;">{{item['username']}}</span>
								</view>
								<view class="tt" @click.stop="makeCall(item['telphone'])">
									<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/Frame@2x(20).png"
										class="phoneicon" mode=""></image>
									联系电话：<span style="color: #4E5969;">{{item['telphone']}}</span>
								</view>
							</view>
							<view class="ll2">
								下次跟进时间:<span style="color: #4E5969;">{{item['nexttime']}}</span>
							</view>
							<view class="ll2">
								创建时间:<span style="color: #4E5969;">{{formatDate(item['createtime']*1000)}}</span>
							</view>
							<view class="ll2">
								分配时间:<span style="color: #4E5969;">{{formatDate(item['fptime']*1000)}}</span>
							</view>
							<view class="bottomdt" v-if="item['chengjiao']!=2">
								<view class="btnss">
									<view class="sucessbtn" :style="{'background':item['chengjiao']==1?'#F2F3F5':''}"
										@click.stop="popuopen('成交',item)">
										{{item['chengjiao']==0?'成交':'成交待审核'}}
									</view>
									<!--  -->
									<view class="redbtn" @click.stop="popuopen('退出合作',item)"
										v-if="userobj.id==item['newuid']">
										退出合作
									</view>
									<view class="tjgj" @click.stop="popuopen('添加跟进',item)">
										<image
											src="https://jingwei.xunfuzhifuzaixian.com/static/images/Frame@2x(16).png"
											class="iconbtn" mode=""></image>
										添加跟进
									</view>
								</view>
							</view>
							<view class="jjyy" v-if="item.reason" @click.stop="popuopen('拒绝原因',item)">
								<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/Frame@2x(17).png"
									class="waricon" mode=""></image>
								<view class="jujuetext"><span
										style="color: #F53F3F;font-size: 24rpx;">{{reasontypetext(item.reasontype)}}拒绝原因：</span><span>{{item.reason}}</span>
								</view>
								<view class="lookall">
									<span>查看全部</span>
									<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/Frame@2x(3).png"
										class="arrowright" mode=""></image>
								</view>
							</view>
						</view>
					</view>

					<view class="itemboxx" @click="gopage(item.id)" v-if="query.type==3" v-for="item in list"
						:key="item.id">
						<view class="topline">
							<view class="leftbox">
								<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/微信图片_20250804134233.png"
									mode=""></image>
								<view class="yxtext">{{item.title}}</view>
							</view>
							<view class="rightxk">
								{{statustext(item['status'])}}
							</view>
						</view>
						<view class="centernr">
							<view class="ll">
								<view class="fc">
									{{item['product']}}
								</view>
								<view class="tt">
									{{item['company']}}
								</view>
							</view>
							<view class="ll1">
								<view class="tt">
									联系人：<span style="color: #4E5969;">{{item['username']}}</span>
								</view>
								<view class="tt" @click.stop="makeCall(item['telphone'])">
									<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/Frame@2x(20).png"
										class="phoneicon" mode=""></image>
									联系电话：<span style="color: #4E5969;">{{item['telphone']}}</span>
								</view>
							</view>
							<view class="ll2">
								下次跟进时间:<span style="color: #4E5969;">{{item['nexttime']}}</span>
							</view>
							<view class="ll2" style="margin-bottom: 32rpx;">
								创建时间:<span style="color: #4E5969;">{{formatDate(item['createtime']*1000)}}</span>
							</view>
						</view>
					</view>

				</view>
			</view>
		</view>
		<up-popup :show="show1" mode="center" :zoom="false">
			<view class="tuichuhezuo" v-if="typestr=='退出合作'">
				<view class="linetitle">
					退出合作
				</view>
				<view class="inputhuise">
					<view class="tts">
						源招商顾问：
					</view>
					<view class="rnr">
						{{zshangguwen}}
					</view>
				</view>
				<view class="tuihuiyy">
					<view class="title">
						退回原因：
					</view>
					<scroll-view scroll-y class="textareabox">
						<textarea auto-height v-model="formDate['memo']" placeholder="请输入退回原因" id="" cols="30"
							rows="10"></textarea>
					</scroll-view>
				</view>
				<view class="btnn">
					<view class="bnty" @click="show1=false">
						取消
					</view>
					<view class="btnqd" @click="tuichu">
						提交
					</view>
				</view>
			</view>
			<view class="tjgenj" v-if="typestr=='添加跟进'">
				<view class="titleline">
					添加跟进
				</view>
				<view class="formsbox">
					<view class="lineinput">
						<span style="margin-left: 30rpx;">公司名称：</span>
						<view style="margin-right: 30rpx;" class="namegs">{{companyName}}</view>
					</view>
					<view class="lineinput">
						<span style="margin-left: 30rpx;">跟进状态：</span>
						<view class="righttt" @click="select('跟进状态')">
							<span>{{Bodyobj['status']?text2(Bodyobj['status'],arree):'请选择'}}</span>
							<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/微信图片_20250806134527.png"
								mode=""></image>
						</view>
					</view>
					<view class="lineinput">
						<span style="margin-left: 30rpx;">跟进方式：</span>
						<view class="righttt" @click="select('跟进方式')">
							<span>{{Bodyobj['gjtype']?Bodyobj['gjtype']:'请选择'}}</span>
							<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/微信图片_20250806134527.png"
								mode=""></image>
						</view>
					</view>
					<view class="lineinputs">
						<view style="margin-left: 30rpx;margin-top: 30rpx;">跟进内容：</view>
						<scroll-view scroll-y class="textareanr">
							<textarea class="bottomtext" auto-height v-model="Bodyobj['gjneirong']"
								placeholder="请输入跟进内容" name="" id="" cols="30" rows="10"></textarea>
						</scroll-view>

					</view>
					<view class="lineinput">
						<span style="margin-left: 30rpx;">下次跟进时间：</span>
						<view class="righttt" @click="show11=true">
							<span>{{Bodyobj['nexttime']?Bodyobj['nexttime']:'请选择时间'}}</span>
							<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/ww微信图片_20250808181627.png"
								class="rlicon" mode=""></image>
						</view>
					</view>
					<view class="lineinput" style="margin-bottom: 20rpx;" v-if="images.length!=3">
						<span style="margin-left: 30rpx;">相关图片：</span>
						<view class="righttt" @click="uploadImage">
							<view class="uploadtext">上传图片</view>
						</view>
					</view>
					<view class="imagesline" v-if="images.length">
						<view class="image" v-for="(item,index) in images" :key="index">
							<image :src="item" @click="primag(index, images)" mode=""></image>
							<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/删除.png"
								@click="shanchu(images,index)" class="remivon" mode="">
							</image>
						</view>
					</view>

					<view class="uploadtext1">
						请上传水印照片（含时间+地点）
					</view>
					<view class="btnn">
						<view class="bnty" @click="show1=false">
							取消
						</view>
						<view class="btnqd" @click="genjinqued">
							提交
						</view>
					</view>

				</view>
			</view>
			<view class="hezuo" v-if="typestr=='发起合作'">
				<view class="titleline">
					发起合作
				</view>

				<view class="imagesline1" v-if="imagess.length">
					<view class="image" v-for="(item,index) in imagess" :key="index">
						<image :src="item" mode=""></image>
						<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/删除.png"
							@click="shanchu(imagess,index)" class="remivon" mode="">
						</image>
					</view>
				</view>
				<view class="xuqiusm">
					<view class="title">
						需求说明：
					</view>
					<textarea name="" v-model="formDate.memo" placeholder="请输入需求说明" id="" cols="30"
						rows="10"></textarea>
				</view>
				<view class="rulessm">
					<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/two微信图片_20250808172602.png" mode="">
					</image>
					<view class="text">
						佣金规则说明：{{shuoming}}
					</view>
				</view>
				<view class="btnn">
					<view class="bnty" @click="show1=false">
						取消
					</view>
					<view class="btnqd" @click="chengjiao">
						提交
					</view>
				</view>
			</view>
			<view class="cj" v-if="typestr=='成交'">
				<view class="titleline">
					成交
				</view>
				<scroll-view class="sc" scroll-y>
					<view class="box">
						<view class="lablet">
							成交类型：
						</view>
						<view class="righttt" @click="select('成交类型')">
							<span>{{formDate['classname']?formDate['classname']:'请选择'}}</span>
							<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/微信图片_20250806134527.png"
								mode=""></image>
						</view>
					</view>

					<view class="box">
						<view class="lablet">
							成交项目：
						</view>
						<view class="tight">
							<input type="text" v-model="formDate['project']" placeholder="请输入成交项目" />
						</view>
					</view>
					<view class="box">
						<view class="lablet">
							编号：
						</view>
						<view class="tight">
							<input type="text" v-model="formDate['bianhao']" placeholder="请输入编号" />
						</view>
					</view>
					<view class="box">
						<view class="lablet">
							面积：
						</view>
						<view class="tight">
							<input type="text" v-model="formDate['mianji']" placeholder="请输入面积" />㎡
						</view>
					</view>
					<view class="box">
						<view class="lablet">
							单价：
						</view>
						<view class="tight">
							<input type="text" v-model="formDate['danjia']" placeholder="请输入单价" />元/㎡
						</view>
					</view>
					<view class="box">
						<view class="lablet">
							总价：
						</view>
						<view class="tight">
							<input type="text" v-model="formDate['zongjia']" placeholder="请输入总价" />元
						</view>
					</view>
					<view class="box">
						<view class="lablet">
							成交合同上传：
						</view>
						<view class="righttt" @click="uploadwenjian">
							<view class="uploadtext">上传图片</view>
						</view>
					</view>
					<view class="imagesline1" v-if="imagess.length">
						<view class="image" v-for="(item,index) in imagess" :key="index">
							<image :src="item" mode="" @click="primag(index, imagess)"></image>
							<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/删除.png"
								@click="shanchu(imagess,index)" class="remivon" mode="">
							</image>
						</view>
					</view>
					<view class="inputbox" style="margin-top:30rpx">

						<view class="bztext">
							<view class="title">
								备注：
							</view>
							<textarea name="" v-model="formDate['memo']" placeholder="请输入备注内容" id="" cols="30"
								rows="10"></textarea>
						</view>
					</view>
				</scroll-view>

				<view class="btnn" style="margin-bottom:30rpx;">
					<view class="bnty" @click="show1=false">
						取消
					</view>
					<view class="btnqd" @click="chengjiao()">
						提交
					</view>
				</view>
			</view>
			<view class="jujueyy" v-if="typestr=='拒绝原因'">
				<view class="titleline">
					拒绝原因
				</view>
				<scroll-view :scroll-y="true" class="contents">
					<view class="itemcontent" v-for="(item,index) in  yuanyingList" :key="index">
						<view class="texts">
							{{reasontypetext(item.type)}}拒绝原因： {{item['reason']}}
						</view>
						<view class="sj">
							{{formatDate(item['shtime']*1000)}}
						</view>
					</view>
				</scroll-view>
				<view class="btnn" style="margin-top: 30rpx;">
					<view class="bnty" @click="show1=false">
						取消
					</view>
					<view class="btnqd" @click="show1=false">
						确定
					</view>
				</view>
			</view>
		</up-popup>


		<view style="height: 200rpx;">
		</view>
		<Tabbar page="/pages/TouristSource/index"></Tabbar>
	</view>
	<up-picker :show="pickershow" ref="uPickerRef" :columns="areaList" keyName="label" @cancel="cancel"
		@confirm="confirm" :defaultIndex="val" v-if="pickershow"></up-picker>
	<up-popup :show="show11" mode="bottom">
		<view class="xuanxiang">
			<view class="tt" style="margin-left: 30rpx;color: #888;" @click="show11=false">
				取消
			</view>

			<view class="tt" style="margin-right: 30rpx;color: #0077BE;" @click="queding1">
				确认
			</view>
		</view>
		<picker-view immediate-change="true" :indicator-style="indicatorStyle" :value="valuedate" @change="bindChange"
			class="picker-view">
			<picker-view-column>
				<view class="item" v-for="(item,index) in years" :key="index">{{item}}年</view>
			</picker-view-column>
			<picker-view-column>
				<view class="item" v-for="(item,index) in months" :key="index">{{item}}月</view>
			</picker-view-column>
			<picker-view-column>
				<view class="item" v-for="(item,index) in days" :key="index">{{item}}日</view>
			</picker-view-column>
		</picker-view>
	</up-popup>
	<userlogin ref="denglu" @updata="getuser"></userlogin>
	<drag-button :isDock="true" :existTabBar="true" />
</template>

<script setup>
	import {
		getToken,
		setToken
	} from '@/ulm/utils/auth';
	import userlogin from '@/components/getuser/getuser.vue'
	import dragButton from "@/components/drag-button/drag-button.vue";
	import {
		baseUrl
	} from '@/ulm/config';
	import {
		_static
	} from '@/ulm/utils/url.js'
	import Tabbar from '@/components/tabbar.vue'
	import {
		onLoad,
		onShow,
		onPageScroll,
		onReachBottom,
		onPullDownRefresh
	} from "@dcloudio/uni-app";
	import ulm, {
		$api
	} from '@/ulm';
	import {
		ref,
		onMounted,
		reactive,
		watch
	} from 'vue'
	const images = ref([])
	const timetype = ref(0)
	const timetype1 = ref(0)
	const qufennum = ref(0)
	const qufennum1 = ref(0)
	const ll = ref(false)
	const query = reactive({
		page: 1,
		limit: 10,
		keywords: '',
		status: '',
		type: 1,
		pid: '',
		starttime: '',
		endtime: '',
		fpstart: '',
		fpend: ''
	})
	const Bodyobj = reactive({
		kid: '',
		nexttime: '',
		status: 1,
		gjtype: '',
		gjneirong: '',
		images: '',
	})
	var arree = [{
		label: '新客',
		value: 1
	}, {
		label: '常态跟进',
		value: 2
	}, {
		label: '签订意向协议',
		value: 3
	}, {
		label: '缴纳定金',
		value: 4
	}, {
		label: '签订合同',
		value: 5
	}, {
		label: '缴纳首付款',
		value: 6
	}, {
		label: '缴纳尾款',
		value: 7
	}, {
		label: '已成交',
		value: 8
	}, {
		label: '无效',
		value: 9
	}]
	const date = new Date()
	const zshangguwen = ref('')
	const statusBarHeight = ref('')
	const years = []
	const days = []
	const statusnum = ref('')
	const months = []
	for (let i = 1900; i <= date.getFullYear(); i++) {
		years.push(i)
	}
	for (let i = 1; i <= 12; i++) {
		months.push(i)
	}
	for (let i = 1; i <= 31; i++) {
		days.push(i)
	}

	var years1 = []
	var days1 = []
	var months1 = []
	for (let i = 1900; i <= date.getFullYear(); i++) {
		years1.push(i)
	}
	for (let i = 1; i <= 12; i++) {
		months1.push(i)
	}
	for (let i = 1; i <= 31; i++) {
		days1.push(i)
	}

	console.log(days1, 'days1-----------');
	const day = date.getDate()


	const month = date.getMonth() + 1

	const valuedate = ref([9999, month - 1, day - 1])
	const chnapingarr = ref([])
	const active = ref(0)
	const total = ref(0)
	const back1 = ref('')
	const fenpeistarttime = ref('')
	const fenpeiendtime = ref('')
	const list = ref([])
	const areaList = ref([])
	const companyName = ref('')
	const barHeight = ref('')
	const show11 = ref(false)
	const yuanyingList = ref([])
	const userobj = ref({})
	const denglu = ref(null)
	const shuoming = ref('')
	const anum = ref(0)
	const bnum = ref(0)
	const nexttime = ref('')
	const typestrr = ref('')
	const imagess = ref([])
	const typestr = ref('')
	const chanpingactive = ref(-1)
	const val = ref([0])
	const indicatorStyle = ref(`height: 34px;`)
	const show1 = ref(false)
	const pickershow = ref(false)
	const wenjiantitle = ref('')
	const formDate = reactive({
		kid: '',
		type: 2,
		memo: '',
		classname: '',
		project: '',
		bianhao: '',
		mianji: '',
		danjia: '',
		zongjia: '',
		htfile: ''
	})
	const show = ref(false)
	const genjinstarttime = ref('')
	const genjinendtime = ref('')
	watch(() => query['type'], (newCount, oldCount) => {
		statusnum.value = ''
		chanpingactive.value = -1
		anum.value = 0
		bnum.value = 0
		query.status = ''
		query.pid = ''
		query.starttime = ''
		query.endtime = ''
		query.fpstart = ''
		query.fpend = ''
		query['page'] = 1
		list.value = []
		show.value = false
		initlist()

	});
	onPullDownRefresh(() => {
		console.log('下拉刷新触发');
		query.page = 1
		list.value = []
		initlist()
		setTimeout(() => {
			// 数据加载完成后停止刷新
			uni.stopPullDownRefresh();
			console.log('刷新完成');
		}, 1000);
	})
	watch(() => qufennum.value, (newCount, oldCount) => {

		if (newCount == 0) {
			if (!genjinstarttime.value) {
				genjinstarttime.value =
					`${date.getFullYear()}-${months[month-1]<10?'0'+months[month-1]:months[month-1]}-${day<10?'0'+day:day}`
			} else {
				var arr = genjinstarttime.value.split('-')
				var ind = years1.findIndex(item => item == arr[0])
				valuedate.value = [ind, arr[1] - 1, arr[2] - 1]
				console.log(valuedate.value, genjinendtime.value, 'valuedate.valuevaluedate.valuevaluedate.value');
			}

		} else {
			if (!genjinendtime.value) {
				genjinendtime.value = genjinstarttime.value
				var arr = genjinendtime.value.split('-')
				var ind = years1.findIndex(item => item == arr[0])
				valuedate.value = [ind, arr[1] - 1, arr[2] - 1]
			} else {
				var arr = genjinendtime.value.split('-')
				var ind = years1.findIndex(item => item == arr[0])
				valuedate.value = [ind, arr[1] - 1, arr[2] - 1]
				console.log(valuedate.value, genjinendtime.value, 'valuedate.valuevaluedate.valuevaluedate.value');
			}
		}
	});

	watch(() => qufennum1.value, (newCount, oldCount) => {

		if (newCount == 0) {
			if (!fenpeistarttime.value) {
				fenpeistarttime.value =
					`${date.getFullYear()}-${months[month-1]<10?'0'+months[month-1]:months[month-1]}-${day<10?'0'+day:day}`
			} else {
				var arr = fenpeistarttime.value.split('-')
				var ind = years1.findIndex(item => item == arr[0])
				valuedate.value = [ind, arr[1] - 1, arr[2] - 1]

			}

		} else {
			if (!fenpeiendtime.value) {
				fenpeiendtime.value = fenpeistarttime.value
				var arr = fenpeiendtime.value.split('-')
				var ind = years1.findIndex(item => item == arr[0])
				valuedate.value = [ind, arr[1] - 1, arr[2] - 1]
			} else {
				var arr = fenpeiendtime.value.split('-')
				var ind = years1.findIndex(item => item == arr[0])
				valuedate.value = [ind, arr[1] - 1, arr[2] - 1]
				console.log(valuedate.value, fenpeiendtime.value, 'valuedate.valuevaluedate.valuevaluedate.value');
			}
		}
	});



	watch(() => timetype.value, (newCount, oldCount) => {
		if (timetype.value == 0) {
			if (qufennum.value == 0) {
				var arr = genjinstarttime.value.split('-')
				var ind = years1.findIndex(item => item == arr[0])
				valuedate.value = [ind, arr[1] - 1, arr[2] - 1]

			} else {
				var arr = genjinendtime.value.split('-')
				var ind = years1.findIndex(item => item == arr[0])
				valuedate.value = [ind, arr[1] - 1, arr[2] - 1]
				console.log(valuedate.value, 'valuedate.valuevaluedate.valuevaluedate.value123123123');
			}

		} else if (timetype.value == 1) {
			genjinstarttime.value = `${date.getFullYear()}-01-01`
			genjinendtime.value = `${date.getFullYear()}-12-31`

		} else if (timetype.value == 2) {
			genjinstarttime.value = `${date.getFullYear()}-${month>=10?month:'0'+month}-01`
			genjinendtime.value = `${date.getFullYear()}-${month>=10?month:'0'+month}-31`
		} else if (timetype.value == 3) {
			var days11 = getCurrentWeekDates();
			console.log(days11, 'days11days11days11days11days11days11days11days11days11');
			genjinstarttime.value =
				`${date.getFullYear()}-${month>=10?month:'0'+month}-${days11[0]>=10?days11[0]:'0'+days11[0]}`
			genjinendtime.value =
				`${date.getFullYear()}-${month>=10?month:'0'+month}-${days11[6]>=10?days11[6]:'0'+days11[6]}`
		}

	});


	watch(() => timetype1.value, (newCount, oldCount) => {
		if (timetype1.value == 0) {
			if (qufennum.value == 0) {
				var arr = fenpeistarttime.value.split('-')
				var ind = years1.findIndex(item => item == arr[0])
				valuedate.value = [ind, arr[1] - 1, arr[2] - 1]

			} else {
				var arr = fenpeiendtime.value.split('-')
				var ind = years1.findIndex(item => item == arr[0])
				valuedate.value = [ind, arr[1] - 1, arr[2] - 1]
				console.log(valuedate.value, 'valuedate.valuevaluedate.valuevaluedate.value123123123');
			}

		} else if (timetype1.value == 1) {
			fenpeistarttime.value = `${date.getFullYear()}-01-01`
			fenpeiendtime.value = `${date.getFullYear()}-12-31`

		} else if (timetype1.value == 2) {
			fenpeistarttime.value = `${date.getFullYear()}-${month>=10?month:'0'+month}-01`
			fenpeiendtime.value = `${date.getFullYear()}-${month>=10?month:'0'+month}-31`
		} else if (timetype1.value == 3) {
			var days11 = getCurrentWeekDates();
			fenpeistarttime.value =
				`${date.getFullYear()}-${month>=10?month:'0'+month}-${days11[0]>=10?days11[0]:'0'+days11[0]}`
			fenpeiendtime.value =
				`${date.getFullYear()}-${month>=10?month:'0'+month}-${days11[6]>=10?days11[6]:'0'+days11[6]}`
		}

	});




	function qiehuannum(num) {
		timetype.value = num
	}

	function qiehuannum1(num) {
		timetype1.value = num
	}

	function reasontypetext(num) {
		if (num == 1) {
			return '合作'
		} else if (num == 2) {
			return '成交'
		} else {
			return '退出合作'
		}
	}


	function getCurrentWeekDates() {
		let now = new Date();
		let day = now.getDay(); // 获取当前星期几，0是周日，1是周一...6是周六
		let dates = [];

		// 计算周一的日期
		let monday = new Date(now);
		monday.setDate(now.getDate() - (day === 0 ? 6 : day - 1));

		// 获取一周的日期
		for (let i = 0; i < 7; i++) {
			let date = new Date(monday);
			date.setDate(monday.getDate() + i);
			dates.push(formatDatee(date));
		}

		return dates;
	}

	// 格式化日期为 YYYY-MM-DD
	function formatDatee(date) {
		let year = date.getFullYear();
		let month = date.getMonth() + 1;
		let day = date.getDate();

		month = month < 10 ? '0' + month : month;
		day = day < 10 ? '0' + day : day;

		return `${day}`;
	}
	onMounted(() => {
		statusBarHeight.value = uni.getSystemInfoSync().statusBarHeight
		const {
			top,
			height
		} = wx.getMenuButtonBoundingClientRect();
		barHeight.value = height ? height + (top - statusBarHeight.value) * 2 : 38;
	})
	onPageScroll((e) => {
		if (e.scrollTop > 100) {
			back1.value = '#CAEEFF'
		} else {
			back1.value = ''
		}
	})
	onLoad(() => {
		classtypeinit()
	})
	onShow(() => {
		getuser()
		guizesminit()
	})
	async function guizesminit() {
		const res = await $api.guizesm()
		if (res.code == 1) {
			shuoming.value = res.data.shuoming
		}
	}
	async function getuser() {
		const res = await $api.userxinxi()
		if (res.code == 1) {
			userobj.value = res.data
			query['page'] = 1
			list.value = []
			initlist()
		}
	}

	function qk() {
		query.keywords = ''
		query.page = 1
		list.value = []
		initlist()
	}

	function makeCall(phone) {

		uni.makePhoneCall({
			phoneNumber: phone,
			success: function() {
				console.log('拨打电话成功');
			},
			fail: function() {
				console.log('拨打电话失败');
			}
		});

	}
	async function genjinqued() {

		Bodyobj['images'] = images.value.join()
		for (var i in Bodyobj) {
			if (i != 'images') {
				if (!Bodyobj[i]) {
					uni.showToast({
						title: '请补全后跟进',
						icon: 'none'
					})
					return
				}
			}
		}
		const res = await $api.addgenjin(Bodyobj)
		if (res.code == 1) {
			setTimeout(() => {
				uni.showToast({
					title: '跟进成功',
					icon: 'none'
				})
			}, 500)
			query['page'] = 1
			list.value = []
			images.value = []
			initlist()
			show1.value = false
			show11.value = false
		} else {
			uni.showToast({
				title: res.msg,
				icon: 'none'
			})
		}
	}

	function shanchu(arr, i) {
		arr.splice(i, 1)
	}

	function nianyuefun(str) {
		if (!str) {
			return [9999, month - 1, day - 1]
		} else {
			var arr = str.split('-')
			var ind1 = years.findIndex(item => item == arr[0])
			var ind2 = months.findIndex(item => item == arr[1])
			var ind3 = days.findIndex(item => item == arr[2])
			return [ind1, ind2, ind3]
		}
	}

	function uploadwenjian() {
		uni.chooseImage({
			count: 9 - imagess.value.length, // 最多可选择图片数量
			sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图
			sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机
			success: (res) => {
				const validImages = res.tempFiles.filter(file => {
					return file.size <= 2 * 1024 * 1024; // 2MB = 2 * 1024 * 1024 Bytes
				});
				if (validImages.length === 0) {
					uni.showToast({
						title: `${res.tempFiles.length - validImages.length}张图片超过2MB`,
						icon: 'none'
					});
					return;
				}
				// tempFilePath 可以作为 img 标签的 src 属性显示图片
				const tempFilePaths = res.tempFilePaths
				uploadImages(tempFilePaths, '文件')
			},
			fail: (err) => {

			}
		})
	}

	function uploadImage(str) {
		uni.chooseImage({
			count: 3 - images.value.length, // 最多可选择图片数量
			sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图
			sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机
			success: (res) => {
				const validImages = res.tempFiles.filter(file => {
					return file.size <= 2 * 1024 * 1024; // 2MB = 2 * 1024 * 1024 Bytes
				});
				if (validImages.length === 0) {
					uni.showToast({
						title: `${res.tempFiles.length - validImages.length}张图片超过2MB`,
						icon: 'none'
					});
					return;
				}
				// tempFilePath 可以作为 img 标签的 src 属性显示图片
				const tempFilePaths = res.tempFilePaths
				uploadImages(tempFilePaths, str)
			},
			fail: (err) => {

			}
		})
	}

	function uploadImages(filePaths, str) {
		const uploadTasks = filePaths.map((filePath, index) => {
			return new Promise((resolve, reject) => {
				uni.uploadFile({
					url: `${baseUrl}/api/common/upload`,
					filePath: filePath,
					name: 'file',
					formData: {
						index: index // 可以添加序号标识
					},
					header: {
						token: getToken()
					},
					success: (uploadRes) => {
						resolve(JSON.parse(uploadRes.data))
					},
					fail: (err) => {
						reject(err)
					}
				})
			})
		})

		uni.showLoading({
			title: '上传中...'
		})

		Promise.all(uploadTasks)
			.then(results => {

				if (str != '文件') {
					for (var i in results) {
						images.value.push(results[i]['data']['fullurl'])
					}
				} else {
					for (var i in results) {
						imagess.value.push(results[i]['data']['fullurl'])
					}
					console.log(imagess, 'imagessimagessimagess');
				}


				uni.hideLoading()

				uni.showToast({
					title: `成功上传${results.length}张图片`,
					icon: 'success'
				})
			})
			.catch(err => {
				uni.hideLoading()
			})
	}



	const cancel = () => {
		pickershow.value = false;
	}

	function queding1() {
		if (!nexttime.value) {
			Bodyobj['nexttime'] =
				`${date.getFullYear()}-${months[month-1]<10?'0'+months[month-1]:months[month-1]}-${day<10?'0'+day:day}`
		} else {
			Bodyobj['nexttime'] = nexttime.value
		}
		show11.value = false
	}


	function text2(id, arr) {
		var ind = arr.findIndex(item => item.value == id)
		if (ind == -1) return
		return arr[ind]['label']
	}
	const confirm = async (e) => {
		let {
			value
		} = e
		console.log(e, 'eeee');
		if (typestrr.value == '跟进状态') {
			Bodyobj['status'] = value[0]['value']
		}
		if (typestrr.value == '跟进方式') {
			Bodyobj['gjtype'] = value[0]['value']
		}
		if (typestrr.value == '成交类型') {
			formDate['classname'] = value[0]['value']
		}
		pickershow.value = false;
	}

	// 点击下拉框选择
	const select = async (e) => {
		typestrr.value = e
		if (e == '跟进状态') {
			if (!query.status) {
				val.value = [0]
			} else {
				var ind = arree.findIndex(item => item.value == query.status)
				val.value = [ind]
			}
			areaList.value = [arree]
		} else if (e == '跟进方式') {
			const res = await $api.baifang()
			if (res.code == 1) {
				var arr = []
				for (var i in res.data) {
					var obj = {
						'label': res.data[i]['title'],
						'value': res.data[i]['title'],
					}
					arr.push(obj)
				}
				areaList.value = [arr]
				if (!query.gjtype) {
					val.value = [0]
				} else {
					var ind = arr.findIndex(item => item.value == query.gjtype)
					val.value = [ind]
				}
			}
		} else if (e == '成交类型') {
			const res = await $api.classtype()
			if (res.code == 1) {
				var arr = []
				for (var i in res.data) {
					var obj = {
						'label': res.data[i]['title'],
						'value': res.data[i]['title'],
					}
					arr.push(obj)
				}
				areaList.value = [arr]

			}
		}

		pickershow.value = true

	}

	async function tuichu() {
		if (!formDate.memo) {
			uni.showToast({
				title: '退出原因不能为空',
				icon: 'none'
			})
			return
		}
		const res = await $api.tuihui({
			'kid': formDate['kid'],
			'memo': formDate.memo
		})
		if (res.code == 1) {
			setTimeout(() => {
				uni.showToast({
					icon: 'none',
					title: '退出成功'
				})
			}, 500)
			show1.value = false
			query['page'] = 1
			list.value = []
			initlist()
		} else {
			uni.showToast({
				title: res.msg,
				icon: 'none'
			})
		}
	}

	async function chengjiao() {
		if (typestr.value == '成交') {
			formDate['htfile'] = imagess.value.join()
			for (var i in formDate) {
				if (i != 'memo') {
					if (!formDate[i]) {
						uni.showToast({
							title: '请补全内容提交',
							icon: 'none'
						})
						return
					}
				}
			}
			formDate['type'] = 2
		} else {
			formDate['type'] = 1
			console.log(formDate, 'formDateformDateformDateformDate');
			if (!formDate.memo) {
				uni.showToast({
					title: '备注不能为空',
					icon: 'none'
				})
				return
			}

		}

		const res = await $api.addhezuo(formDate)
		if (res.code == 1) {
			setTimeout(() => {
				uni.showToast({
					title: '提交成功'
				})
			}, 500)
			show1.value = false
			query['page'] = 1
			list.value = []
			initlist()
		} else {
			uni.showToast({
				title: res.msg,
				icon: 'none'
			})
		}
	}

	function primag(e, image) {
		console.log(e, image, 'e, imagese, imagese, imagese, imagese, images');
		uni.previewImage({
			current: e, // 当前显示图片的http链接
			urls: image // 可以预览多张图片，只需将urls数组中的URLs替换即可
		});
	}

	function cz(str) {
		if (str == '跟进状态') {
			statusnum.value = ''
			query['status'] = ''
		} else if (str == '需求产品') {
			chanpingactive.value = -1
			query.pid = ''
		} else if (str == '跟进时间') {
			anum.value = 0
			genjinstarttime.value =
				`${date.getFullYear()}-${months[month-1]<10?'0'+months[month-1]:months[month-1]}-${day<10?'0'+day:day}`
			genjinendtime.value = ''
			query.starttime = ''
			query.endtime = ''
		} else if (str == '分配时间') {
			bnum.value = 0
			fenpeistarttime.value =
				`${date.getFullYear()}-${months[month-1]<10?'0'+months[month-1]:months[month-1]}-${day<10?'0'+day:day}`
			fenpeiendtime.value = ''
			query.fpstart = ''
			query.fpend = ''
		}
		query['page'] = 1
		list.value = []
		initlist()
		show.value = false
	}

	function queding(str) {
		console.log(123123);
		if (str == '跟进状态') {
			query['status'] = statusnum.value
		} else if (str == '需求产品') {
			if (chanpingactive.value == -1) {
				query.pid = ''
			} else {
				query.pid = chnapingarr.value[chanpingactive.value]['id']
			}
		} else if (str == '跟进时间') {
			if (!genjinstarttime.value || !genjinendtime.value) {
				uni.showToast({
					title: '请选择跟进时间',
					icon: 'none'
				})
				return
			}
			const date1 = new Date(genjinstarttime.value).getTime();
			const date2 = new Date(genjinendtime.value).getTime();
			console.log(date1, date2, '1111111111111111111111');
			if (date1 > date2) {
				uni.showToast({
					title: '开始时间不能大于结束时间',
					icon: 'none'
				})
				return
			}
			query.starttime = genjinstarttime.value
			query.endtime = genjinendtime.value
		} else if (str == '分配时间') {
			if (!fenpeistarttime.value || !fenpeiendtime.value) {
				uni.showToast({
					title: '请选择分配时间',
					icon: 'none'
				})
				return
			}
			const date1 = new Date(fenpeistarttime.value).getTime();
			const date2 = new Date(fenpeiendtime.value).getTime();
			console.log(date1, date2, '1111111111111111111111');
			if (date1 > date2) {
				uni.showToast({
					title: '开始时间不能大于结束时间',
					icon: 'none'
				})
				return
			}

			query.fpstart = fenpeistarttime.value
			query.fpend = fenpeiendtime.value
		}
		query['page'] = 1
		list.value = []
		initlist()
		show.value = false
	}
	//时间戳13位
	function formatDate(time) { //时间戳转日期
		let date = new Date(time);
		let y = date.getFullYear();
		let MM = date.getMonth() + 1;
		MM = MM < 10 ? ('0' + MM) : MM;
		let d = date.getDate();
		d = d < 10 ? ('0' + d) : d;
		let h = date.getHours();
		h = h < 10 ? ('0' + h) : h;
		let m = date.getMinutes();
		m = m < 10 ? ('0' + m) : m;
		let s = date.getSeconds();
		s = s < 10 ? ('0' + s) : s;
		return y + '-' + MM + '-' + d + ' ' + h + ':' + m

	}
	async function classtypeinit() {
		// 产品
		const res = await $api.product()
		if (res.code == 1) {
			chnapingarr.value = res.data
		}
	}
	async function initlist(str) {
		if (str == '搜索') {
			query['page'] = 1
			list.value = []
		}
		const res = await $api.kehulist(query)
		if (res.code == 1) {
			list.value.push(...res.data.list)
			total.value = res.data.count
		}
	}

	function updateDays(year, month) {
		const daysInMonth = new Date(year, month, 0).getDate();
		var days = [];
		for (let i = 1; i <= daysInMonth; i++) {
			days.push(i);
		}
		return days;
	}

	function bindChange(e) {
		const val = e.detail.value
		console.log(val, 'valvalvalvalval1542');
		days = updateDays(years[val[0]], months[val[1]])
		if (val[2] >= days.length) {
			val[2] = days.length - 1
		}
		nexttime.value =
			`${years[val[0]]}-${months[val[1]]<10?'0'+months[val[1]]:months[val[1]]}-${days[val[2]]<10?'0'+days[val[2]]:days[val[2]]}`
	}

	function bindChange1(e) {
		const val = e.detail.value
		days1 = updateDays(years1[val[0]], months1[val[1]])

		if (val[2] >= days1.length) {
			val[2] = days1.length - 1
		}
		console.log(val, val[2], days1.length, 'valvalvalvalvalval');
		if (typestr
			.value == '跟进时间') {
			if (qufennum.value == 0) {

				genjinstarttime.value =
					`${years1[val[0]]}-${months1[val[1]]<10?'0'+months1[val[1]]:months1[val[1]]}-${days1[val[2]]<10?'0'+days1[val[2]]:days1[val[2]]}`
			} else {
				genjinendtime.value =
					`${years1[val[0]]}-${months1[val[1]]<10?'0'+months1[val[1]]:months1[val[1]]}-${days1[val[2]]<10?'0'+days1[val[2]]:days1[val[2]]}`
			}
		} else {
			if (qufennum1.value == 0) {

				fenpeistarttime.value =
					`${years1[val[0]]}-${months1[val[1]]<10?'0'+months1[val[1]]:months1[val[1]]}-${days1[val[2]]<10?'0'+days1[val[2]]:days1[val[2]]}`
			} else {
				fenpeiendtime.value =
					`${years1[val[0]]}-${months1[val[1]]<10?'0'+months1[val[1]]:months1[val[1]]}-${days1[val[2]]<10?'0'+days1[val[2]]:days1[val[2]]}`
			}
		}

	}

	function ljrz() {
		if (!getToken()) {
			denglu.value.DengLu()
			ll.value = true
			return
		}
		uni.showModal({
			title: '提示', // 标题（可选）
			content: '您未认证是否立即认证？', // 内容（可选）
			confirmText: '确定', // 确认按钮文字（可选，默认“确定”）
			cancelText: '取消', // 取消按钮文字（可选，默认“取消”）
			success: (res) => {
				if (res.confirm) {
					uni.navigateTo({
						url: '/sub_me/index/zsryrz1'
					})
				}
			},
			fail: (err) => {
				console.error('弹窗调用失败', err);
			}
		});

	}
	async function gopage(str) {
		if (!getToken()) {
			denglu.value.DengLu()
			ll.value = true
			return
		}
		if (str == '添加客户') {
			const res = await $api.userxinxi()
			if (res.code == 1) {
				if (res.data.level == 0) {
					uni.showModal({
						title: '提示', // 标题（可选）
						content: '您未认证是否立即认证？', // 内容（可选）
						confirmText: '确定', // 确认按钮文字（可选，默认“确定”）
						cancelText: '取消', // 取消按钮文字（可选，默认“取消”）
						success: (res) => {
							if (res.confirm) {
								uni.navigateTo({
									url: '/sub_me/index/zsryrz1'
								})
							}
						},
						fail: (err) => {
							console.error('弹窗调用失败', err);
						}
					});


				} else {
					uni.navigateTo({
						url: '/sub_TouristSource/index/addkehu'
					})
				}

			}


		} else {
			uni.navigateTo({
				url: '/sub_TouristSource/index/kehudetail?id=' + str
			})
		}

	}

	function open1(num) {
		ll.value = true
		if (!getToken()) {
			denglu.value.DengLu()
			return
		}
		if (userobj.value.level == 0) return
		genjinstarttime.value = ''
		genjinendtime.value = ''
		fenpeistarttime.value = ''
		fenpeiendtime.value = ''
		query.type = num
	}

	function popuopen1(str, item) {
		if (!getToken()) {
			ll.value = true
			denglu.value.DengLu()
			return
		}
		ll.value = false
		if (userobj.value.level == 0) return
		if (str == '跟进时间') {
			timetype.value = anum.value
			if (!query['starttime']) {
				genjinstarttime.value =
					`${date.getFullYear()}-${months[month-1]<10?'0'+months[month-1]:months[month-1]}-${day<10?'0'+day:day}`
			} else {
				genjinstarttime.value = query.starttime
				genjinendtime.value = query.endtime
			}
			qufennum.value = 0
		} else {
			qufennum1.value = 0
			timetype.value = bnum.value
			if (!query['fpstart']) {
				fenpeistarttime.value =
					`${date.getFullYear()}-${months[month-1]<10?'0'+months[month-1]:months[month-1]}-${day<10?'0'+day:day}`

			} else {
				fenpeistarttime.value = query.fpstart
				fenpeiendtime.value = query.fpend
			}
		}
		days1 = updateDays(date.getFullYear(), months[month - 1])
		typestr.value = str
		show.value = true
		console.log(valuedate.value, 'valuedatevaluedatevaluedatevaluedate');
	}

	async function popuopen(str, item) {

		if (str == '拒绝原因') {
			const res = await $api.allyuanyin({
				'kid': item.id
			})
			if (res.code == 1) {
				yuanyingList.value = res.data
			}
		}
		if (str == '成交') {
			if (item['chengjiao'] == 1) return
		}
		if (str == '发起合作') {
			if (item['hezuo'] == 1) return
		}
		if (str == '退出合作') {
			console.log(item, 'item-----------------');
			zshangguwen.value = item['yuser']['nickname']
		}

		if (str == '添加跟进') {
			console.log(item, 'item-----------------');
			Bodyobj['kid'] = item.id
			Bodyobj['nexttime'] = ''
			Bodyobj['status'] = ''
			Bodyobj['gjtype'] = ''
			Bodyobj['gjneirong'] = ''
			Bodyobj['images'] = ''
			companyName.value = item['company']
		}
		formDate['kid'] = item.id
		formDate.memo = ''
		typestr.value = str
		show1.value = true




		imagess.value = []
		formDate.classname = ''
		formDate.project = ''
		formDate.bianhao = ''
		formDate.mianji = ''
		formDate.danjia = ''
		formDate.zongjia = ''
		formDate.htfile = ''

		ll.value = false

	}

	function chakan() {
		var url = formDate['htfile']
		console.log('wx.env.USER_DATA_PATH', formDate['htfile'], wx.env.USER_DATA_PATH)
		//下载文件，生成临时地址
		wx.downloadFile({
			url: url,
			filePath: wx.env.USER_DATA_PATH + '/测试文档.doc',
			success(res) {
				//保存到本地

				// 打开文件
				// const filePath =res.tempFilePath
				const filePath = res.filePath
				wx.openDocument({
					filePath,
					showMenu: true,
					fileType: 'doc', //docx、zip、xlsx等
					success: function(res) {
						console.log('打开文档成功')
					},
				});
			}
		})
	}

	function statustext(num) {
		if (num == 1) {
			return '新客'
		} else if (num == 2) {
			return '常态跟进'
		} else if (num == 3) {
			return '签订意向协议'
		} else if (num == 4) {
			return '缴纳定金'
		} else if (num == 5) {
			return '签订合同'
		} else if (num == 6) {
			return '缴纳首付款'
		} else if (num == 7) {
			return '缴纳尾款'
		} else if (num == 8) {
			return '已成交'
		} else if (num == 9) {
			return '无效'
		}

	}
</script>

<style lang="scss">
	.sc {
		height: 700rpx;
		margin-top: 30rpx !important;
	}

	.imagesline1 .image:nth-child(3n) {
		margin-right: 0rpx !important;
	}

	.imagesline1 {
		width: 576rpx;
		margin: auto;
		margin-top: 20rpx;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		font-size: 28rpx;
		margin-bottom: 36rpx;

		.image {
			height: 138rpx;
			width: 170rpx;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			position: relative;
			margin-right: 30rpx;
			margin-bottom: 10rpx;

			image {
				height: 138rpx;
				width: 170rpx;
				border-radius: 16rpx 16rpx 16rpx 16rpx;
				overflow: hidden;
			}

			.remivon {
				position: absolute;
				width: 30rpx;
				height: 30rpx;
				top: -6%;
				right: -10%;
				z-index: 9999;
			}
		}
	}

	.wenjian {
		width: 576rpx;
		margin: auto;
		margin-top: 10rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #1d2129;

		.tt {
			width: 300rpx;
			overflow: hidden;
		}

		.ck {
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #13a2e6;
			text-decoration: underline;
			margin-right: 30rpx;
		}
	}

	.activenum {
		border: 2rpx solid #13A2E6;
	}

	.imagesline {
		width: 100%;
		margin-top: 20rpx;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		font-size: 28rpx;
		margin-bottom: 36rpx;

		.image {
			height: 188rpx;
			width: 228rpx;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			position: relative;
			margin-right: 30rpx;
			margin-bottom: 10rpx;

			image {
				height: 188rpx;
				width: 228rpx;
				border-radius: 16rpx 16rpx 16rpx 16rpx;
				overflow: hidden;
			}

			.remivon {
				position: absolute;
				width: 30rpx;
				height: 30rpx;
				top: -6%;
				right: -6%;
				z-index: 9999;
			}
		}
	}

	.xuanxiang {
		width: 100%;
		display: flex;
		align-items: center;
		margin-top: 30rpx;
		overflow: hidden;
		justify-content: space-between;
		margin-bottom: 30rpx;

		.tt {
			font-size: 32rpx;
		}
	}

	.picker-view {
		width: 100%;
		height: 600rpx;
		margin-top: 20rpx;
		background: #FFFFFF;
		border-radius: 20rpx 20rpx 0 0;
	}

	.item {
		line-height: 100rpx;
		text-align: center;
	}


	.tuichuhezuo {
		width: 640rpx;
		min-height: 582rpx;
		background: linear-gradient(180deg, #CAEEFF 0%, #FFFFFF 17%);
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		overflow: hidden;

		.btnn {
			width: 576rpx;
			margin: auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 30rpx;

			.btnqd {
				width: 270rpx;
				height: 74rpx;
				background: #2AB4F5;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				text-align: center;
				line-height: 74rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				font-size: 28rpx;
				color: #FFFFFF;
			}

			.bnty {
				width: 270rpx;
				height: 74rpx;
				background: #F2F3F5;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				text-align: center;
				line-height: 74rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				font-size: 28rpx;
				color: #86909C;
			}
		}

		.linetitle {
			width: 100%;
			margin-top: 48rpx;
			text-align: center;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 36rpx;
			color: #1D2129;
		}

		.inputhuise {
			width: 576rpx;
			height: 88rpx;
			background: #E9E9E9;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			margin: auto;
			margin-top: 40rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.tts {
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 28rpx;
				color: #4E5969;
				margin-left: 30rpx;
			}

			.rnr {
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #4E5969;
				margin-right: 30rpx;
			}
		}

		.tuihuiyy {
			width: 576rpx;
			background: #F7F8FA;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			border: 2rpx solid #F7F8FA;
			margin: auto;
			margin-top: 30rpx;
			overflow: hidden;

			.yy {
				width: 100%;
				height: 172rpx;
				background: #F7F8FA;
				border-radius: 16rpx 16rpx 16rpx 16rpx;
				border: 2rpx solid #F7F8FA;
			}

			.textareabox {
				width: 530rpx;
				height: 120rpx;
				margin-top: 20rpx;
				margin-left: 30rpx;

				textarea {
					width: 530rpx;
					font-size: 28rpx;
				}

			}

			.title {
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 28rpx;
				color: #1D2129;
				margin-top: 20rpx;
				margin-left: 30rpx;
			}
		}
	}

	.msgicon {
		width: 608rpx;
		margin: 100rpx auto;
		overflow: hidden;

		.msgtext {
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #86909C;
			text-align: center;
			width: 100%;
			margin-top: 30rpx;
		}

		image {
			width: 608rpx;
		}
	}

	.picker-view {
		width: 100%;
		height: 300rpx;
		margin-top: 20rpx;
		background: #FFFFFF;
		border-radius: 20rpx 20rpx 0 0;
		border-top: 2rpx solid #F7F8FA;
	}

	.item {
		line-height: 68rpx;
		text-align: center;
		font-size: 28rpx;
	}



	page {
		background: #F2F3F5;
	}

	.tjgenj {
		width: 688rpx;
		background: linear-gradient(180deg, #CAEEFF 0%, #FFFFFF 9%);
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		overflow: hidden;

		.titleline {
			width: 100%;
			text-align: center;
			margin-top: 48rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 36rpx;
			color: #1D2129;
		}

		.formsbox {
			width: 624rpx;
			margin: auto;
			margin-top: 50rpx;
			overflow: hidden;
			margin-bottom: 30rpx;

			.btnn {
				width: 576rpx;
				margin: auto;
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-top: 30rpx;

				.btnqd {
					width: 270rpx;
					height: 74rpx;
					background: #2AB4F5;
					border-radius: 8rpx 8rpx 8rpx 8rpx;
					text-align: center;
					line-height: 74rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: bold;
					font-size: 28rpx;
					color: #FFFFFF;
				}

				.bnty {
					width: 270rpx;
					height: 74rpx;
					background: #F2F3F5;
					border-radius: 8rpx 8rpx 8rpx 8rpx;
					text-align: center;
					line-height: 74rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: bold;
					font-size: 28rpx;
					color: #86909C;
				}
			}

			.lineinputs {
				width: 100%;
				min-height: 172rpx;
				background: #F7F8FA;
				border-radius: 16rpx 16rpx 16rpx 16rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 28rpx;
				color: #1D2129;
				overflow: hidden;
				margin-bottom: 30rpx;

				.textareanr {
					width: 550rpx;
					height: 100rpx;
					margin-left: 30rpx;
					margin-top: 30rpx;

					.bottomtext {
						width: 550rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 28rpx;
						color: #86909C;
					}
				}

			}

			.uploadtext1 {
				width: 100%;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #86909C;
			}

			.lineinput {
				width: 100%;
				display: flex;
				height: 88rpx;
				background: #F7F8FA;
				border-radius: 16rpx 16rpx 16rpx 16rpx;
				justify-content: space-between;
				align-items: center;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 28rpx;
				color: #1D2129;
				margin-bottom: 30rpx;



				.righttt {
					display: flex;
					align-items: center;
					margin-right: 30rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #86909C;

					.uploadtext {
						font-family: PingFang SC, PingFang SC;
						font-weight: 500;
						font-size: 28rpx;
						color: #13A2E6;
						text-decoration: underline;
					}

					.rlicon {
						width: 32rpx !important;
						height: 32rpx !important;
						margin-left: 10rpx !important;
					}

					image {
						width: 28rpx;
						height: 28rpx;
						margin-left: 10rpx !important;
					}
				}

				.namegs {
					text-align: right;
					width: 400rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #1D2129;
				}
			}
		}
	}

	.hezuo {
		width: 640rpx;
		min-height: 582rpx;
		background: linear-gradient(180deg, #CAEEFF 0%, #FFFFFF 17%);
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		overflow: hidden;



		.titleline {
			width: 100%;
			text-align: center;
			margin-top: 48rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 36rpx;
			color: #1D2129;
		}

		.xuqiusm {
			width: 576rpx;
			margin: auto;
			margin-top: 30rpx;
			height: 222rpx;
			background: #F7F8FA;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			overflow: hidden;

			.title {
				margin-top: 20rpx;
				margin-left: 30rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 28rpx;
				color: #1D2129;
			}

			textarea {
				margin-top: 30rpx;
				margin-left: 30rpx;
				width: 500rpx;
				height: 100rpx;
				font-size: 28rpx;
			}
		}

		.rulessm {
			width: 576rpx;
			display: flex;
			margin: auto;
			margin-top: 20rpx;
			justify-content: space-between;

			image {
				width: 32rpx;
				height: 32rpx;
			}

			.text {
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #86909C;
				width: 540rpx;
			}
		}

		.btnn {
			width: 576rpx;
			margin: auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 30rpx;
			margin-bottom: 30rpx;

			.btnqd {
				width: 270rpx;
				height: 74rpx;
				background: #2AB4F5;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				text-align: center;
				line-height: 74rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				font-size: 28rpx;
				color: #FFFFFF;
			}

			.bnty {
				width: 270rpx;
				height: 74rpx;
				background: #F2F3F5;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				text-align: center;
				line-height: 74rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				font-size: 28rpx;
				color: #86909C;
			}
		}
	}

	.cj {
		width: 640rpx;
		min-height: 582rpx;
		background: linear-gradient(180deg, #CAEEFF 0%, #FFFFFF 17%);
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		overflow: hidden;

		.box {
			width: 576rpx;
			background: #F7F8FA;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			height: 88rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: auto;
			margin-top: 30rpx;

			.righttt {
				display: flex;
				align-items: center;
				margin-right: 30rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #86909C;

				.uploadtext {
					font-family: PingFang SC, PingFang SC;
					font-weight: 500;
					font-size: 28rpx;
					color: #13A2E6;
					text-decoration: underline;
				}

				.rlicon {
					width: 32rpx !important;
					height: 32rpx !important;
					margin-left: 10rpx !important;
				}

				image {
					width: 28rpx;
					height: 28rpx;
					margin-left: 10rpx !important;
				}
			}

			.lablet {
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 28rpx;
				color: #1D2129;
				margin-left: 30rpx;
			}



			.tight {
				display: flex;
				align-items: center;
				margin-right: 30rpx;
				font-size: 28rpx;
				color: #86909C;

				input {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #86909C;
					text-align: right;
				}

			}
		}

		.titleline {
			width: 100%;
			text-align: center;
			margin-top: 48rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 36rpx;
			color: #1D2129;
		}

		.inputbox {
			width: 576rpx;
			margin: auto;
			margin-top: 50rpx;

			.box {
				width: 100%;
				background: #F7F8FA;
				border-radius: 16rpx 16rpx 16rpx 16rpx;
				height: 88rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;

				.lablet {
					font-family: PingFang SC, PingFang SC;
					font-weight: 500;
					font-size: 28rpx;
					color: #1D2129;
					margin-left: 30rpx;
				}

				.tight {
					input {
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 28rpx;
						color: #86909C;
						text-align: right;
					}

					margin-right: 30rpx;
				}
			}

			.bztext {
				width: 100%;
				background: #F7F8FA;
				overflow: hidden;
				margin-top: 20rpx;
				border-radius: 16rpx 16rpx 16rpx 16rpx;

				.title {
					font-family: PingFang SC, PingFang SC;
					font-weight: 500;
					font-size: 28rpx;
					color: #1D2129;
					margin-left: 30rpx;
					margin-top: 20rpx;
					margin-bottom: 20rpx;
				}

				textarea {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					margin-left: 30rpx;
					height: 120rpx;
					width: 500rpx;
				}
			}
		}

		.btnn {
			width: 576rpx;
			margin: auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 30rpx;

			.btnqd {
				width: 270rpx;
				height: 74rpx;
				background: #2AB4F5;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				text-align: center;
				line-height: 74rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				font-size: 28rpx;
				color: #FFFFFF;
			}

			.bnty {
				width: 270rpx;
				height: 74rpx;
				background: #F2F3F5;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				text-align: center;
				line-height: 74rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				font-size: 28rpx;
				color: #86909C;
			}
		}
	}

	.jujueyy {
		width: 640rpx;
		height: 832rpx;
		background: linear-gradient(180deg, #CAEEFF 0%, #FFFFFF 11%);
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		overflow: hidden;

		.titleline {
			width: 100%;
			text-align: center;
			margin-top: 48rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 36rpx;
			color: #1D2129;
		}

		.btnn {
			width: 576rpx;
			margin: auto;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.btnqd {
				width: 270rpx;
				height: 74rpx;
				background: #2AB4F5;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				text-align: center;
				line-height: 74rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				font-size: 28rpx;
				color: #FFFFFF;
			}

			.bnty {
				width: 270rpx;
				height: 74rpx;
				background: #F2F3F5;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				text-align: center;
				line-height: 74rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				font-size: 28rpx;
				color: #86909C;
			}
		}

		.contents {
			width: 576rpx;
			margin: auto;
			margin-top: 30rpx;
			overflow: hidden;
			height: 550rpx;
			overflow-y: scroll;

			.itemcontent {
				width: 576rpx;
				min-height: 172rpx;
				background: #F7F8FA;
				border-radius: 16rpx 16rpx 16rpx 16rpx;
				overflow: hidden;
				margin-bottom: 30rpx;

				.texts {
					width: 518rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #1D2129;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-ms-text-overflow: ellipsis;
					text-overflow: ellipsis;
					margin: auto;
					margin-top: 20rpx;
				}

				.sj {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #4E5969;
					width: 518rpx;
					margin: auto;
					margin-top: 10rpx;
				}
			}
		}
	}

	.TouristSource {
		width: 100%;
		overflow: hidden;
		position: relative;

		::v-deep .u-popup__content {
			background: none !important;
		}

		.TouristSourceback {
			width: 100%;
			position: absolute;
		}

		.bottomcontent {
			width: 100%;
			overflow: hidden;
			margin-top: 28rpx;
			position: relative;

			.popuback {
				width: 100%;
				height: 100vh;
				background: rgba(0, 0, 0, 0.4);
				position: absolute;
				z-index: 99999;
			}

			.bcback {
				width: 100%;
				height: 1308rpx;
				position: absolute;
				z-index: -1;
			}

			.xuanqunriong {
				width: 100%;
				background: #FFFFFF;
				position: absolute;
				z-index: 99999;
				overflow: hidden;
				border-radius: 0 0 48rpx 48rpx;

				.centerxq {
					width: 686rpx;
					margin: auto;
					margin-top: 28rpx;

					.shijiantt {
						width: 100%;
						margin-top: 20rpx;
						display: flex;
						justify-content: space-between;
						align-items: center;

						.jiangex {
							width: 46rpx;
							height: 4rpx;
							background: #C9CDD4;
							border-radius: 8rpx 8rpx 8rpx 8rpx;
						}

						.shijianbox {
							width: 308rpx;
							height: 76rpx;
							background: #F7F8FA;
							border-radius: 8rpx 8rpx 8rpx 8rpx;
							display: flex;
							justify-content: space-between;
							align-items: center;
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 28rpx;
							color: #4E5969;

							image {
								margin-right: 24rpx;
								width: 32rpx;
								height: 32rpx;
							}
						}
					}

					.tt {
						font-family: PingFang SC, PingFang SC;
						font-weight: 500;
						font-size: 28rpx;
						color: #1D2129;
						margin-top: 28rpx;
						margin-bottom: 20rpx;
					}

					.linn {
						width: 100%;
						display: flex;
						justify-content: space-between;
						align-items: center;

						.activeColor {
							background: #2AB4F5 !important;
							color: #FFFFFF !important;
						}

						.linitem {
							width: 148rpx;
							height: 64rpx;
							background: #F2F3F5;
							border-radius: 12rpx 12rpx 12rpx 12rpx;
							text-align: center;
							line-height: 64rpx;
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 28rpx;
							color: #4E5969;
						}
					}
				}

				.btnss {
					width: 100%;
					height: 96rpx;
					display: flex;
					align-items: center;
					margin-top: 48rpx;

					.btnb {
						width: 375rpx;
						height: 96rpx;
						background: #F2F3F5;
						border-radius: 0rpx 0rpx 0rpx 48rpx;
						text-align: center;
						line-height: 96rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 500;
						font-size: 32rpx;
						color: #86909C;
					}

					.btnbb {
						width: 375rpx;
						height: 96rpx;
						background: #13A2E6;
						border-radius: 0rpx 0rpx 48rpx 0rpx;
						text-align: center;
						line-height: 96rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 500;
						font-size: 32rpx;
						color: #FFFFFF;
					}
				}

				.mokuais .itemmk:nth-child(4n) {
					margin-right: 0rpx !important;
				}

				.mokuais {
					width: 686rpx;
					margin: auto;
					display: flex;
					flex-wrap: wrap;
					margin-top: 28rpx;

					.itemmk {
						min-width: 148rpx;
						padding: 0 5rpx;
						height: 64rpx;
						background: #F2F3F5;
						border-radius: 12rpx 12rpx 12rpx 12rpx;
						text-align: center;
						line-height: 64rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 28rpx;
						margin-right: 16rpx;
						color: #4E5969;
						margin-bottom: 28rpx;
					}

					.activeColor1 {
						background: #13A2E6 !important;
						color: #FFFFFF !important;
					}
				}
			}

			.centerbox {
				width: 686rpx;
				margin: auto;

				.contentList {
					width: 686rpx;
					margin: auto;
					margin-top: 40rpx;
					overflow: hidden;

					.tjgjbtn {
						width: 330rpx;
						height: 90rpx;
						background: #13a2e6;
						border-radius: 12rpx;
						text-align: center;
						line-height: 90rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 500;
						font-size: 30rpx;
						color: #fff;
						margin: 100rpx auto;
						overflow: hidden;
						font-weight: bold;
					}

					.itemboxx {
						width: 686rpx;
						background: #FFFFFF;
						overflow: hidden;
						box-shadow: 0rpx 8rpx 8rpx 0rpx rgba(0, 0, 0, 0.02);
						border-radius: 24rpx 24rpx 24rpx 24rpx;
						margin-bottom: 28rpx;

						.centernr {
							width: 638rpx;
							margin: auto;

							.jjyy {
								width: 638rpx;
								height: 72rpx;
								background: #F7F8FA;
								border-radius: 12rpx 12rpx 12rpx 12rpx;
								margin-bottom: 28rpx;
								display: flex;
								align-items: center;
								font-weight: 400;
								font-size: 24rpx;
								color: #86909C;

								.jujuetext {
									width: 400rpx;
									/* 给文本设置不换行在一行中显示 */
									overflow: hidden;
									/* 文本超出的部分隐藏 */
									text-overflow: ellipsis;
									white-space: nowrap;
								}

								.lookall {
									display: flex;
									align-items: center;
									font-family: PingFang SC, PingFang SC;
									font-weight: 400;
									font-size: 24rpx;
									color: #2AB4F5;
									margin-left: 30rpx;

									.arrowright {
										width: 20rpx;
										height: 20rpx;
									}
								}


								.waricon {
									width: 32rpx;
									height: 32rpx;
									margin-right: 10rpx;
									margin-left: 20rpx;
								}
							}

							.bottomdt {
								width: 100%;
								display: flex;
								margin-top: 24rpx;
								border-top: 2rpx solid #F7F8FA;



								.btnss {
									width: 100%;
									display: flex;
									justify-content: flex-end;
									align-items: center;
									height: 104rpx;

									.sucessbtn {
										width: 176rpx;
										height: 64rpx;
										background: #EEF9FF;
										border-radius: 12rpx 12rpx 12rpx 12rpx;
										text-align: center;
										line-height: 64rpx;
										font-family: PingFang SC, PingFang SC;
										font-weight: 500;
										font-size: 28rpx;
										color: #2AB4F5;
										margin-right: 24rpx;
									}

									.redbtn {
										width: 176rpx;
										height: 64rpx;
										background: #FFECE8;
										border-radius: 12rpx 12rpx 12rpx 12rpx;
										text-align: center;
										line-height: 64rpx;
										font-family: PingFang SC, PingFang SC;
										font-weight: 500;
										font-size: 28rpx;
										color: #F53F3F;
										margin-right: 24rpx;
									}

									.lvbtn {
										width: 176rpx;
										height: 64rpx;
										background: #E8FFEA;
										border-radius: 12rpx 12rpx 12rpx 12rpx;
										text-align: center;
										line-height: 64rpx;
										font-family: PingFang SC, PingFang SC;
										font-weight: 500;
										font-size: 28rpx;
										color: #00B42A;
										margin-right: 24rpx;
									}

									.tjgj {
										width: 176rpx;
										height: 64rpx;
										background: #13A2E6;
										border-radius: 12rpx 12rpx 12rpx 12rpx;
										text-align: center;
										line-height: 64rpx;
										font-family: PingFang SC, PingFang SC;
										font-weight: 500;
										font-size: 28rpx;
										color: #FFFFFF;
										display: flex;
										justify-content: center;
										align-items: center;

										.iconbtn {
											width: 28rpx;
											height: 28rpx;
											margin-right: 8rpx;
										}
									}
								}



							}

							.ll2 {
								width: 100%;
								font-family: PingFang SC, PingFang SC;
								font-weight: 400;
								font-size: 28rpx;
								color: #1D2129;
								margin-top: 20rpx;
							}

							.ll1 {
								width: 100%;
								display: flex;
								align-items: center;
								justify-content: space-between;
								margin-top: 24rpx;

								.tt {
									.phoneicon {
										width: 28rpx;
										height: 28rpx;
										margin-right: 4rpx;
									}

									display: flex;
									align-items: center;
									font-family: PingFang SC,
									PingFang SC;
									font-weight: 400;
									font-size: 28rpx;
									color: #1D2129;
								}
							}

							.ll {
								min-width: 76rpx;
								display: flex;
								align-items: center;
								margin-top: 16rpx;

								.fc {
									min-width: 76rpx;
									min-height: 40rpx;
									background: #F7F8FA;
									border-radius: 8rpx 8rpx 8rpx 8rpx;
									text-align: center;
									line-height: 40rpx;
									font-family: PingFang SC, PingFang SC;
									font-weight: 500;
									font-size: 24rpx;
									margin-right: 8rpx;
									color: #4E5969;
								}

								.tt {
									max-width: 500rpx;
									font-family: PingFang SC, PingFang SC;
									font-weight: bold;
									font-size: 28rpx;
									color: #1D2129;
								}
							}
						}

						.topline {
							width: 100%;
							height: 72rpx;
							background: linear-gradient(90deg, #D8F2FF 0%, rgba(216, 242, 255, 0.06) 100%);
							overflow: hidden;
							display: flex;
							justify-content: space-between;
							align-items: center;

							.leftbox {
								display: flex;
								align-items: center;
								margin-left: 26rpx;

								image {
									width: 31rpx;
									height: 31rpx;
								}

								.yxtext {
									font-family: PingFang SC, PingFang SC;
									font-weight: bold;
									font-size: 30rpx;
									color: #0B5FA9;
									margin-left: 10rpx;
								}

								.reduc {
									width: 12rpx;
									height: 12rpx;
									background: #F53F3F;
									border-radius: 50%;
									margin-left: 16rpx;
								}
							}

							.rightxk {
								padding: 0 20rpx;
								height: 52rpx;
								background: #FF7D00;
								box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(255, 125, 0, 0.42);
								border-radius: 26rpx 0rpx 0rpx 26rpx;
								text-align: center;
								line-height: 52rpx;
								font-family: PingFang SC, PingFang SC;
								font-weight: 500;
								font-size: 28rpx;
								color: #FFFFFF;
							}
						}
					}
				}

				.linedisplay {
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-top: 18rpx;
					margin-bottom: 20rpx;

					.box1 {
						width: 212rpx;
						height: 68rpx;
						border-radius: 12rpx 12rpx 12rpx 12rpx;
						background: #FFFFFF;
						display: flex;
						align-items: center;
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 28rpx;
						color: #4E5969;
						justify-content: space-between;

						image {
							width: 20rpx;
							height: 12rpx;
							margin-right: 16rpx;
						}
					}
				}

				.ssboxline {
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: space-between;

					.addkehu {
						width: 188rpx;
						height: 76rpx;
						position: relative;
						display: flex;
						align-items: center;
						font-family: PingFang SC, PingFang SC;
						font-weight: bold;
						font-size: 28rpx;
						color: #FFFFFF;

						.addkehuback {
							width: 188rpx;
							height: 76rpx;
							position: absolute;
							z-index: -1;
						}

						.khicon {
							width: 36rpx;
							height: 36rpx;
							margin-left: 16rpx;
							margin-right: 8rpx;
						}

					}

					.seachbox {
						width: 470rpx;
						height: 76rpx;
						background: #FFFFFF;
						border-radius: 16rpx 16rpx 16rpx 16rpx;
						display: flex;
						align-items: center;
						position: relative;

						.iconrem {
							position: absolute;
							width: 40rpx;
							height: 40rpx;
							right: 10rpx;
						}

						.seachicon {
							width: 32rpx;
							height: 32rpx;
							margin-left: 20rpx;
						}

						input {
							width: 378rpx;
							font-size: 26rpx;
							margin-left: 12rpx;
						}
					}
				}
			}

			.tabqiehuan {
				width: 100%;
				display: flex;
				height: 140rpx;
				align-items: center;

				.boderactive {
					width: 2rpx;
					height: 66rpx;
					background: #FFFFFF;
					position: absolute;
					right: 250rpx;
				}

				.boderactive1 {
					width: 2rpx;
					height: 66rpx;
					background: #FFFFFF;
					position: absolute;
					left: 250rpx;
				}

				.activeColor {
					color: #23ACED !important;
				}

				.itemtab {
					width: 33%;
					font-family: PingFang SC, PingFang SC;
					font-weight: bold;
					font-size: 32rpx;
					display: flex;
					flex-direction: column;
					align-items: center;
					color: #FFFFFF;

					.activebox {
						width: 48rpx;
						height: 4rpx;
						background: #23ACED;
						border-radius: 2rpx 2rpx 2rpx 2rpx;
						margin-top: 8rpx;
					}
				}
			}
		}

		.wztitle {
			width: 100%;
			overflow: hidden;
			margin-top: 34rpx;

			.t1 {
				font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
				font-weight: bold;
				font-size: 40rpx;
				color: #0B5FA9;
				margin-top: 34rpx;
				margin-left: 32rpx;
			}

			.t2 {
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #4E5969;
				margin-top: 16rpx;
				margin-left: 32rpx;
			}
		}

		.headertop {
			width: 100%;
			position: fixed;
			top: 0%;
			overflow: hidden;
			transition: 0.5s;
			z-index: 99999;

			.topdaohang {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				font-weight: 500;
				font-size: 34rpx;
				color: #FFFFFF;
			}
		}
	}
</style>